<template>
    <div id="owlshower">

      <router-view></router-view>
    </div>

</template>

<script>
    import OwlPhoto from "../owlPhoto/owlPhoto";
    import OwlArticle from "../owlArticle/owlArticle";
    import OwlLeave from "../owlLeave/owlLeave";
    import OwlBox from "../owlBox/owlBox";
    export default {
        name: "owlShower",
      components: {OwlBox, OwlLeave, OwlArticle, OwlPhoto},
      data(){

          return{


          }

      },
      mounted(){




      },
      computed:{

          username(){

            console.log(this.$route.params.id);
            return this.$route.params.id;
          }


      }
    }
</script>

<style scoped>


  #owlshower{

    width: 100%;
    min-height:100%;
    padding-top: 12px;
    /*background-color: black;*/
    position: absolute;
    float: left;

  }

  img{

    width: 32%;
    height: auto;
    height: 136px;
    display: inline-block;

  }
</style>
